/* 容器深色主题样式 */
body.dark-theme .container {
  background-color: var(--container-bg);
  color: var(--text-color);
  box-shadow: var(--shadow-dark);
  transition: var(--transition);
}

body.dark-theme h1, 
body.dark-theme h2, 
body.dark-theme h3, 
body.dark-theme h4 {
  color: var(--text-color);
}

body.dark-theme input, 
body.dark-theme select, 
body.dark-theme textarea {
  background-color: var(--light-gray);
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .tab {
  background-color: var(--container-bg);
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .tab.active {
  background-color: var(--primary-color);
  color: white;
}

body.dark-theme .btn {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

body.dark-theme .btn:hover {
  background-color: var(--primary-dark);
}

body.dark-theme .search-results-popup {
  background-color: var(--container-bg);
  border-color: var(--border-color);
  color: var(--text-color);
}

body.dark-theme .search-results-header {
  background-color: var(--light-gray);
  border-color: var(--border-color);
}

body.dark-theme .search-result-item {
  border-color: var(--border-color);
}

body.dark-theme .search-result-item:hover {
  background-color: rgba(102, 187, 106, 0.15);
}

body.dark-theme .search-result-item .result-subtitle {
  color: var(--dark-gray);
}

body.dark-theme .notification {
  background-color: var(--light-gray);
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .post-detail-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

body.dark-theme .post-detail-modal {
  background-color: var(--container-bg);
  color: var(--text-color);
}

body.dark-theme .close-button {
  color: var(--text-color);
}

body.dark-theme .global-search input {
  background-color: var(--light-gray);
  color: var(--text-color);
  border-color: var(--border-color);
}

/* 卡片深色主题样式 */
body.dark-theme .card {
  background-color: var(--container-bg);
  box-shadow: var(--shadow-dark);
  border-color: var(--border-color);
}

body.dark-theme .card:hover {
  box-shadow: var(--shadow-dark);
}

body.dark-theme .card::before {
  background-color: var(--primary-color);
}

body.dark-theme .card-header {
  border-bottom-color: var(--border-color);
}

/* 列表深色主题样式 */
body.dark-theme .user-list, 
body.dark-theme .post-list, 
body.dark-theme .category-list, 
body.dark-theme .comment-list {
  box-shadow: var(--shadow-dark);
  border: 1px solid var(--border-color);
}

body.dark-theme .user-item:hover, 
body.dark-theme .post-item:hover, 
body.dark-theme .category-item:hover, 
body.dark-theme .comment-item:hover {
  background-color: rgba(102, 187, 106, 0.1);
}

body.dark-theme .user-item:nth-child(even),
body.dark-theme .post-item:nth-child(even),
body.dark-theme .category-item:nth-child(even),
body.dark-theme .comment-item:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.03);
}

body.dark-theme .user-item.selected,
body.dark-theme .post-item.selected,
body.dark-theme .category-item.selected,
body.dark-theme .comment-item.selected {
  background-color: rgba(102, 187, 106, 0.15);
  border-left-color: var(--primary-color);
}

/* 评论项深色主题样式 */
body.dark-theme .comment-item {
  border-bottom-color: var(--border-color);
}

body.dark-theme .comment-item:hover {
  background-color: rgba(102, 187, 106, 0.1);
}

body.dark-theme .comment-content {
  background-color: var(--light-gray);
  color: var(--text-color);
}

body.dark-theme .comment-meta {
  color: var(--dark-gray);
}

body.dark-theme .global-search button {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

body.dark-theme .global-search button:hover {
  background-color: var(--primary-dark);
}

body.dark-theme .loading-indicator {
  background-color: rgba(33, 150, 243, 0.2);
  color: var(--text-color);
}

/* API文档和关于页面深色主题样式 */
body.dark-theme .sidebar {
  background-color: var(--container-bg);
  border-color: var(--border-color);
}

body.dark-theme .sidebar h3 {
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .sidebar ul {
  background-color: var(--container-bg);
}

body.dark-theme .sidebar ul li a {
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .sidebar ul li a:hover {
  background-color: var(--primary-color);
  color: white;
}

body.dark-theme .endpoint {
  background-color: var(--container-bg);
  border-color: var(--border-color);
  color: var(--text-color);
}

body.dark-theme .endpoint h3,
body.dark-theme .endpoint h4 {
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme pre {
  background-color: var(--light-gray);
  color: var(--text-color-dark);
  border-color: var(--border-color);
}

body.dark-theme code {
  background-color: var(--light-gray-dark);
  color: var(--text-color-dark);
  border-color: var(--border-color-dark);
}

body.dark-theme details summary {
  background-color: var(--light-gray);
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme details summary:hover {
  background-color: var(--primary-color);
  color: white;
}

/* 提高关于页面feature-list在深色模式下的对比度 */
body.dark-theme .feature-list {
  background-color: var(--container-bg);
  color: var(--text-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 10px 20px;
}

body.dark-theme .feature-list li {
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color-dark); /* 改为使用text-color-dark提高对比度 */
  padding: 8px 0;
  background-color: rgba(0, 0, 0, 0.15); /* 添加半透明背景增强对比度 */
}

body.dark-theme .feature-list li:last-child {
  border-bottom: none;
}

body.dark-theme .feature-list strong {
  color: var(--text-color-dark); /* 改为使用text-color-dark提高对比度 */
}

/* 表单元素深色主题样式 */
body.dark-theme .form-group input,
body.dark-theme .form-group textarea,
body.dark-theme .form-group select {
  background-color: var(--light-gray);
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .form-group input:focus,
body.dark-theme .form-group textarea:focus,
body.dark-theme .form-group select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(102, 187, 106, 0.2);
  outline: none;
}

/* 按钮深色主题样式 */
body.dark-theme .btn {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

body.dark-theme .btn:hover {
  background-color: var(--primary-dark);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

body.dark-theme .btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

body.dark-theme .btn-danger {
  background-color: var(--error-color);
}

body.dark-theme .btn-danger:hover {
  background-color: var(--error-dark);
}

body.dark-theme .btn-warning {
  background-color: var(--warning-color);
}

body.dark-theme .btn-warning:hover {
  background-color: var(--warning-dark);
}

body.dark-theme .btn-info {
  background-color: var(--info-color);
}

body.dark-theme .btn-info:hover {
  background-color: var(--info-dark);
}

body.dark-theme .header-actions {
  display: flex;
  justify-content: flex-end;
}

/* 搜索框深色主题样式 */
body.dark-theme .search-box input {
  background-color: var(--light-gray);
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .search-box input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(102, 187, 106, 0.2);
  outline: none;
}

/* 搜索框深色主题样式 */
body.dark-theme .global-search {
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  background-color: var(--container-bg);
  border-color: var(--border-color);
}

body.dark-theme .global-search:focus-within {
  box-shadow: 0 2px 15px rgba(0,0,0,0.5);
  border-color: var(--primary-color);
}

body.dark-theme .global-search input {
  background-color: transparent;
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .global-search button {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

body.dark-theme .global-search button:hover {
  background-color: var(--primary-dark);
}

/* 搜索结果弹出框深色主题样式 */
body.dark-theme .search-results-popup {
  background-color: var(--container-bg);
  border-color: var(--border-color);
  color: var(--text-color);
  box-shadow: var(--shadow-dark);
}

body.dark-theme .search-results-header {
  background-color: var(--light-gray);
  border-color: var(--border-color);
}

body.dark-theme .search-result-item {
  border-color: var(--border-color);
}

body.dark-theme .search-result-item:hover {
  background-color: rgba(102, 187, 106, 0.15);
}

body.dark-theme .search-result-item .result-subtitle {
  color: var(--dark-gray);
}

/* 代码块深色主题样式 */
body.dark-theme code {
  background-color: var(--light-gray-dark);
  color: var(--text-color-dark);
  border: 1px solid var(--border-color-dark);
}

body.dark-theme pre {
  background-color: var(--light-gray);
  color: var(--text-color-dark);
  border: 1px solid var(--border-color-dark);
}

/* 分页深色主题样式 */
body.dark-theme .pagination button {
  background-color: var(--container-bg);
  color: var(--text-color);
  border-color: var(--border-color);
}

body.dark-theme .pagination button:hover {
  background-color: var(--primary-color);
  color: white;
}

/* 容器深色主题样式 */
body.dark-theme .container::before {
  background: linear-gradient(90deg, var(--primary-color), var(--primary-light));
}

/* 标签页深色主题样式 */
body.dark-theme .tab:hover {
  background-color: var(--primary-color);
  color: white;
}

body.dark-theme .tab.active {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

body.dark-theme .tab.active:hover {
  background-color: var(--primary-dark);
}

/* 搜索结果深色主题样式 */
body.dark-theme .search-results-list {
  background-color: var(--container-bg);
}

body.dark-theme .search-result-item {
  background-color: var(--container-bg);
  border-bottom: 1px solid var(--border-color);
}

body.dark-theme .search-result-item:hover {
  background-color: rgba(76, 175, 80, 0.1);
}

body.dark-theme .search-result-item .result-title {
  color: var(--text-color);
}

body.dark-theme .search-result-item .result-subtitle {
  color: var(--dark-gray);
}

body.dark-theme .search-result-item .btn-sm {
  background-color: var(--primary-color);
  color: white;
}

body.dark-theme .search-result-item .btn-sm:hover {
  background-color: var(--primary-dark);
}

body.dark-theme .search-result-item.user .result-title {
  color: var(--info-color);
}

body.dark-theme .search-result-item.post .result-title {
  color: var(--success-color);
}

body.dark-theme .search-result-item.category .result-title {
  color: var(--warning-color);
}

body.dark-theme .search-result-item.comment .result-title {
  color: var(--primary-color);
}

body.dark-theme .no-results {
  color: var(--dark-gray);
}

/* 主题切换按钮深色主题样式 */
body.dark-theme .theme-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}